
.container{
  width: 100%;
  margin-top: 10px;
}
.content{
  width: 100%;
  padding:  0 10% 20px 10%;
}
.no_search{
  width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.roll{
  width: 100%;
  display: inline-block;
  height: 200px;
  margin-bottom: 20px;
 }
.roll .cover{
  width: 40%;
  background-image: url('../../../assets/img/image/cover1.png');
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  height: 100%;
}
.roll .roll_info{
  width: 60%;
  height: 100%;
  background-color: #F2F2F2;
  padding: 20px 0 10px 30px;
}
.roll_info .roll_name{
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.roll_info .roll_creator{
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.roll_info p{
  line-height: 12px;
  margin-bottom: 8px;
}
.roll_info .people_num{
  margin-top: 30px;
  line-height: 20px;
}
.roll_info .people_num .people_logo{
  margin-right: 3px;
}
.roll_info .people_num span{
  vertical-align: middle;
}

